<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="js/ajax.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <div class="top">
        <div class="top-nav box-center">
            <div class="top-logo"></div>
            <div class="nav-left">
                <ul>
                    <li><a href="https://music.163.com/#">发现音乐<sub class="cor">&nbsp;</sub> </a></li>
                    <li><a href="https://music.163.com/#/my/m/music/playlist?id=573708903">我的音乐</a></li>
                    <li><a href="https://music.163.com/#/friend">朋友</a></li>
                    <li><a href="https://music.163.com/store/product">商城</a></li>
                    <li><a href="https://music.163.com/st/musician">音乐人</a></li>
                    <li><a href="https://music.163.com/#/download">下载客户端<sub class="hot">&nbsp;</subc> </a></li>

                </ul>
            </div>
            <div class="sreach">
                <input type="text" placeholder="音乐/视频/电台/用户">
            </div>
            <div class="create">
                <button>创作者中心</button>
            </div>
            <div class="user"></div>
        </div>
        <div class="nav-two ">
            <div class="nav-red box-center ">
                <ul>
                    <li><a href="https://music.163.com/#/discover">推荐</a></li>
                    <li><a href="https://music.163.com/#/discover/toplist">排行榜</a></li>
                    <li><a href="https://music.163.com/#/discover/playlist">歌单<sub class="rocl"></sub> </a></li>
                    <li><a href="https://music.163.com/#/discover/djradio">主播电台</a></li>
                    <li><a href="https://music.163.com/#/discover/artist">歌手</a></li>
                    <li><a href="https://music.163.com/#/discover/album">新碟上架</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="t-banner">
        <div class="mid-banner box-center">
            <div class="banner">
                <ul class="imgbox">
                    <!-- <li class="active"><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li> -->
                </ul>
                <ol>
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
                <button id="pre"></button>
                <button id="next"></button>
            </div>
            <div class="download-bannner">
                <button><a href="https://music.163.com/#/download"></a></button>
                <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>
            </div>
        </div>

    </div>
    <div class="bg">
        <div class="container box-center">
            <div class="g-md1">
                <!-- 热门推荐部分 -->
                <div>
                    <div class="v-hd box-center">
                        <a href="" class="tit">热门推荐</a>
                        <div class="tab">
                            <span><a href="">华语</a></span>
                            丨
                            <span><a href="">流行</a></span>
                            丨
                            <span><a href="">摇滚</a></span>
                            丨
                            <span><a href="">民谣</a></span>
                            丨
                            <span><a href="">电子</a></span>
                        </div>
                        <span class="more fr">
                            <a href="#">更多</a>
                            <div class="more-r"></div>
                        </span>
                    </div>
                </div>
                <!-- 热歌定制部分 -->
                <div id="hot" class="Popular-recommendation box-center">
                    <!-- <div class="Popular-recommendation box-center">
                        <div>
                            <img src="images/热歌定制榜.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">39451223万</span>
                            </div>
                            <a href="">私人雷达 | 根据听歌记录为你打造</a>
                        </div>
                        <div>
                            <img src="images/超好听.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">600万</span>
                            </div>
                            <a href="">2021网易云超好听热门流行歌曲</a>
                        </div>
                        <div>
                            <img src="images/全网最火.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">39万</span>
                            </div>
                            <a href="">2021全网最火流行歌曲推荐（持更）</a>
                        </div>
                        <div>
                            <img src="images/没可能.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">80万</span>
                            </div>
                            <a href="">其实每天都会想你，只是我们没可能了</a>
                        </div>
                        <div>
                            <img src="images/治愈集.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">666万</span>
                            </div>
                            <a href="">治愈集｜愿你在崩溃后重拾面对生活的勇气</a>
                        </div>
                        <div>
                            <img src="images/私人定制.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">1263</span>
                            </div>
                            <a href="">[华语私人订制] 最懂你的华语推荐 每日更新35首</a>
                        </div>
                        <div>
                            <img src="images/存心堂.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">3890</span>
                            </div>
                            <a href="">巫术、祖灵、斗法与爱情《排湾族双胞胎公主之谜》</a>
                        </div>
                        <div>
                            <img src="images/传统音乐.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">9999</span>
                            </div>
                            <a href="">邹友开×刘人语 融合中国传统音乐，遵从艺术规律创新。</a>
                        </div>
                    </div> -->
                </div>
                <!-- 个性化推荐部分 -->
                <div>
                    <div class="individualization-nav box-center">
                        <a href="" class="tit">热门推荐</a>
                    </div>
                    <div class="Popular-recommendation box-center">
                        <div>
                            <div class="p-date">
                                <span class="weeks">星期四</span>
                                <span class="day">5</span>
                                <span class="msk">&nbsp;</span>
                            </div>
                            <a href="">每日歌曲推荐</a>
                        </div>
                        <div>
                            <img src="images/热歌定制榜.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">39451223万</span>
                            </div>
                            <a href="">私人雷达 | 根据听歌记录为你打造</a>
                        </div>
                        <div>
                            <img src="images/深度睡眠.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">39451223万</span>
                            </div>
                            <a href="">「深度睡眠专用音乐」亲测有效 自我催眠</a>
                        </div>
                        <div>
                            <img src="images/纯音.jpg" alt="">
                            <div class="p-bottom">
                                <a href="" class="icon-play"></a>
                                <span class="icon-headset"></span>
                                <span class="nb">39451223万</span>
                            </div>
                            <a href="">「治愈系纯音」轻风微起 我喜欢你</a>
                        </div>
                    </div>
                </div>
                <!-- 新碟上架部分 -->
                <div class="new">
                    <div class="new-hd">
                        <a href="#">新碟上架</a>
                        <span class="more fr">
                            <a href="#">更多</a>
                            <div class="more-r"></div>
                        </span>
                    </div>
                    <div class="new-disk ">
                        <div class="cover-container center">

                        </div>

                    </div>
                </div>
                <!-- 榜单部分 -->
                <div class="bill">
                    <div class="new-hd">
                        <a href="#">榜单</a>
                        <span class="more fr">
                            <a href="#">更多</a>
                            <div class="more-r"></div>
                        </span>
                    </div>
                    <table>
                        <tr>
                            <td>
                                <div class="bd-hd ">
                                    <!-- <img src="images/飙升榜.jpg" class="absolute" alt=""> -->
                                    <a href="#" class="absolute"></a>
                                    <div class="bs fr inline-block">
                                        <!-- <a href="#" class="bold">飙升榜</a> -->
                                        <p>
                                            <span><a href="#"></a></span>
                                            <span><a href="#"></a></span>
                                        </p>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="bd-hd relative">
                                    <!-- <img src="images/新歌榜.jpg" class="absolute" alt=""> -->
                                    <a href="#" class="absolute"></a>
                                    <div class="bs fr inline-block">
                                        <!-- <a href="#" class="bold">新歌榜</a> -->
                                        <p>
                                            <span><a href="#"></a></span>
                                            <span><a href="#"></a></span>
                                        </p>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="bd-hd relative">
                                    <!-- <img src="images/原创榜.jpg" class="absolute" alt=""> -->
                                    <a href="#" class="absolute"></a>
                                    <div class="bs fr inline-block">
                                        <!-- <a href="#" class="bold">原创榜</a> -->
                                        <p>
                                            <span><a href="#"></a></span>
                                            <span><a href="#"></a></span>
                                        </p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        
                         <tr class="tabel_tr-content">
                            <!-- <td>1&emsp; STAY</td>
                            <td>1&emsp; STAY</td>
                            <td>1&emsp; 浓缩蓝鲸</td> -->
                        </tr>
                        <tr class="tabel_tr-content">
                            <!-- <td>2&emsp; 众</td>
                            <td>2&emsp; 骁</td>
                            <td>2&emsp; 屁股太冷</td> -->
                        </tr>
                        <tr class="tabel_tr-content">
                            <!-- <td>3&emsp; 屁股太冷</td>
                            <td>3&emsp; Drive You Home</td>
                            <td>3&emsp; 你是我不顾一切奔向的覆辙</td> -->
                        </tr>
                        <!--
                        <tr>
                            <td>4&emsp; Traitor</td>
                            <td>4&emsp; 变废为宝</td>
                            <td>4&emsp; 闷</td>
                        </tr>
                        <tr>
                            <td>5&emsp; 还是劈开</td>
                            <td>5&emsp; 还是劈开</td>
                            <td>5&emsp; 102BPM</td>
                        </tr>
                        <tr>
                            <td>6&emsp; 奋斗struggle</td>
                            <td>6&emsp; 时光背面的我</td>
                            <td>6&emsp; 干点</td>
                        </tr>
                        <tr>
                            <td>7&emsp; 狂风呼啸</td>
                            <td>7&emsp; Edamame (ft. Rich Brian)</td>
                            <td>7&emsp; If you</td>
                        </tr>
                        <tr>
                            <td>8&emsp; 哪里都是你</td>
                            <td>8&emsp; 生活在别处的你 Another me</td>
                            <td>8&emsp; Not Nice Cypher</td>
                        </tr>
                        <tr>
                            <td>9&emsp; 星河万里</td>
                            <td>9&emsp; 如果能忍住</td>
                            <td>9&emsp; 星期四之歌</td>
                        </tr>
                        <tr>
                            <td>10&emsp;我我</td>
                            <td>10&emsp;屁股太冷</td>
                            <td>10&emsp;涠洲岛</td>
                        </tr>
                        <tr>
                            <td>查看更多>></td>
                            <td>查看更多>></td>
                            <td>查看更多>></td>
                        </tr> -->
                    </table>
                </div>
            </div>
            <!-- 右边账号部分开始 -->
            <div class="g-sd1">
                <!-- 登陆部分开始 -->
                <div class="login2">
                    <p>登陆网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
                    <a href="#">
                        <button class="text-center">用户登录</button>
                    </a>
                </div>
                <!-- 入驻歌手部分 -->
                <div>
                    <div class="singer center">
                        <div class="singer-top">
                            <span class="fl">入驻歌手</span>
                            <a href="#" class="fr gray">查看全部></a>
                        </div>
                    </div>
                    <div class="enter">
                        <div class="singer-list">
                            <!-- <a href="#">
                                <div class="singer-hd fl">
                                    <img src="images/张惠妹.jpg" alt="">
                                </div>
                                <div class="singer-id fl">
                                    <p>张惠妹aMEI</p>
                                    <span class="gray">台湾歌手张惠妹</span>
                                </div>
                            </a> -->
                        </div>
                        <!-- <div class="singer-list">
                            <a href="#">
                                <div class="singer-hd fl">
                                    <img src="images/FINE乐团.jpg" alt="">
                                </div>
                                <div class="singer-id fl">
                                    <p>Fine乐团</p>
                                    <span class="gray">独立音乐人</span>
                                </div>
                            </a>
                        </div>
                        <div class="singer-list">
                            <a href="#">
                                <div class="singer-hd fl">
                                    <img src="images/萬曉利.jpg" alt="">
                                </div>
                                <div class="singer-id fl">
                                    <p>萬曉利</p>
                                    <span class="gray">民谣歌手、中国...</span>
                                </div>
                            </a>
                        </div>
                        <div class="singer-list">
                            <a href="#">
                                <div class="singer-hd fl">
                                    <img src="images/赵雷.jpg" alt="">
                                </div>
                                <div class="singer-id fl">
                                    <p>音乐人赵雷</p>
                                    <span class="gray">民谣歌手</span>
                                </div>
                            </a>
                        </div>
                        <div class="singer-list">
                            <a href="#">
                                <div class="singer-hd fl">
                                    <img src="images/王三薄.jpg" alt="">
                                </div>
                                <div class="singer-id fl">
                                    <p>王三溥</p>
                                    <span class="gray">音乐人</span>
                                </div>
                            </a>
                        </div> -->
                    </div>
                    <div class="apply">
                        <a href="#" class="txt-center">申请成为网易音乐人</a>
                    </div>
                </div>
                <!-- 热门主播部分 -->
                <div>
                    <div class="dj">
                        <div class="dj-top">
                            <p class="bold">热门主播</p>
                        </div>
                    </div>
                    <div class="dj-list">
                         <!-- <div class="djer"> -->
                          <!--  <a href="#" class="fl">
                                <img src="images/陈立.jpg" alt="">
                            </a>
                            <div class="djer-id ">
                                <p><a href="#">陈立</a></p>
                                <span class="gray">心理学家、美食家陈立教授</span>
                            </div> -->
                        <!-- </div> -->
                        <!-- <div class="djer">
                            <a href="#" class="fl">
                                <img src="images/刘维.jpg" alt="">
                            </a>
                            <div class="djer-id ">
                                <p><a href="#">刘维-Julius</a></p>
                                <span class="gray">歌手、播客节目《维维道来</span>
                            </div>
                        </div>
                        <div class="djer">
                            <a href="#" class="fl">
                                <img src="images/莫非.jpg" alt="">
                            </a>
                            <div class="djer-id ">
                                <p><a href="#">莫非定律MoreFeel</a></p>
                                <span class="gray">男女双人全创作独立乐团</span>
                            </div>
                        </div>
                        <div class="djer">
                            <a href="#" class="fl">
                                <img src="images/徐美达.jpg" alt="">
                            </a>
                            <div class="djer-id ">
                                <p><a href="#">碎嘴许美达</a></p>
                                <span class="gray">脱口秀网络红人</span>
                            </div>
                        </div>
                        <div class="djer">
                            <a href="#" class="fl">
                                <img src="images/银临.jpg" alt="">
                            </a>
                            <div class="djer-id ">
                                <p><a href="#">银临Rachel</a></p>
                                <span class="gray">古风音乐人</span>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部部分 -->
    <div class="footer">
        <div class="f-c box-center">
            <div class="copy fl">
                <p>
                    <span>服务条款</span><span>丨</span>
                    <span>隐私政策</span><span>丨</span>
                    <span>儿童隐私政策</span><span>丨</span>
                    <span>版权投诉指引</span><span>丨</span>
                    <span>意见反馈</span><span>丨</span>
                    <span>广告合作</span>
                </p>
                <p>
                    <span>网易公司版权所有©1997-2021</span>
                    <span>杭州乐读科技有限公司运营：</span>
                    <span>浙网文[2021] 1186-054号</span>
                </p>
                <p>
                    <span>违法和不良信息举报电话：0571-89853516</span>
                    <span>举报邮箱：ncm5990@163.com</span>

                </p>
                <p>
                    <span>粤B2-20090191-18 工业和信息化部备案管理系统网站</span>
                    <span class="police-logo"></span>
                    <span>浙公网安备 33010902002564号</span>
                </p>
            </div>
            <div class="Enter fr">
                <div>
                    <a href="" class="Enter-amped"></a>
                    <span class="s-amped"></span>
                </div>
                <div>
                    <a href="" class="Enter-user"></a>
                    <span class="s-user"></span>
                </div>
                <div>
                    <a href="" class="Enter-musicer"></a>
                    <span class="s-musicer"></span>
                </div>
                <div>
                    <a href="" class="Enter-zan"></a>
                    <span class="s-zan"></span>
                </div>
                <div>
                    <a href="" class="Enter-mp4"></a>
                    <span class="s-mp4"></span>
                </div>

            </div>
        </div>
    </div>
    </div>
</body>

</html>